<html>
	<head>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.tablex.js"></script>
		<style type="text/css">
			.odd
			{
				background-color: #f4f4f4;
			}
			.onexpand{
				border:none!important;
			}
			.plus
			{
				background:url('images/grid-plus.gif') no-repeat;
				width:12px
			}
			.minus
			{
				background:url('images/grid-minus.gif') no-repeat;
				width:12px
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){				
				$('#report').tablexise();
			});
		</script>
	</head>
	<body>
		<table id="report">
			<tr>
				<th>&nbsp;</th>
				<th>Head1</th>
				<th>Head2</th>				
			</tr>
			<tr class="master-row alt" title="collapsed">
				<td class="tablex-expander" valign="top">
					
				</td>
				<td>Val1</td>
				<td>Val2</td>
			</tr>
			<tr class="detailed-row">
				<td colspan="3">Expanded1</td>
			</tr>
			<tr class="master-row alt" title="collapsed">
				<td class="tablex-expander" valign="top">
					               
				</td>
				<td>Val11</td>
				<td>Val21</td>
			</tr>
			<tr class="detailed-row">
				<td colspan="3">Expanded11</td>
			</tr>
		</table>				
	</body>
</html>